﻿<!DOCTYPE html>
<html dir="RTL">
<head>
    <link rel="stylesheet" type="text/css" href="stylesheet.css"/>
    <script type="text/javascript" src="jquery-1.7.2.js"></script>
    <title></title>
    <script type="text/javascript">
        $(document).ready(function(){
          $(document).on("click", "#redirect", function(){
             if($("#mail").val() == "" || $("#username").val() == "" || $("#password").val() == "" || $("#Cpassword").val() == "") {
                 alert("تأكد من إدخال جميع البيانات");
             }else if ($("#password").val() != $("#Cpassword").val()) {
              alert("تأكيد كلمة السر غير مطابق ");

             }else{
              window.location.href = "main.html";
             }
          });
        });
    </script>
</head>
<body>
<h1>تسجيل حساب جديد </h1>
<table>
    <tr>
        <td>البريد الالكتروني: </td>
        <td><input type="text" name="mail" id="mail" /></td>
    </tr>
    <tr>
        <td>إسم المستخدم:</td>
        <td><input type="text" name="username" id="username" /></td>
    </tr>
    <tr>
        <td>كلمة المرور:</td>
        <td><input type="password" name="password" id="password" /></td>
    </tr>
    <tr>
        <td> تأكيد كلمة المرور:</td>
        <td><input type="password" name="Cpassword" id="Cpassword" /></td>
    </tr>
    <tr><td colspan="2"><input type="submit" id="redirect" value="حساب جديد"/></td></tr>
</table>
</body>
</html>